<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>黑侠影院后台管理系统</title>
    <link rel="stylesheet" href="./css/admin_movie.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="shorcut icon" href="侠.ico" type="image/x-icon">
</head>

<body id="body-pd">
    <div class="l-navbar" id="navbar">
        <nav class="nav">
            <div>
                <div class="nav_brand">
                    <!-- <ion-icon name="menu-outline" class="nav_toggle" id="nav-toggle"></ion-icon> -->
                    <i class="iconfont icon-ziyuan114 nav_toggle" id="nav-toggle"></i>
                    <a href="#" class="nav_logo">黑侠影院</a>
                </div>
                <div class="nav_list">
                    <a href="index.html" class="nav_link">
                        <!-- <ion-icon name="home-outline" class="nav_icon" ></ion-icon> -->
                        <i class="iconfont icon-shouye nav_icon"></i>
                        <span class="nav_name">主页</span>
                    </a>
                    <div class="nav_link collapse active">
                        <!-- <ion-icon name="folder-outline" class="nav_icon" ></ion-icon> -->
                        <i class="iconfont icon-dianying nav_icon"></i>
                        <span class="nav_name">电影管理</span>
                        <!-- <ion-icon name="chevron-down-outline" class="collapse__link" ></ion-icon> -->
                        <!-- <i class="iconfont icon-31xiala collapse__link"></i>
                        <ul class="collapse_menu">
                            <a href="#" class="collapse__sublink">添加电影</a>
                            <a href="#" class="collapse__sublink">修改电影</a>
                            <a href="#" class="collapse__sublink">cccc</a>
                        </ul> -->
                    </div>
                    <div class="nav_link collapse">
                        <!-- <ion-icon name="people-outline" class="nav_icon" ></ion-icon> -->
                        <i class="iconfont icon-dianying2 nav_icon"></i>
                        <span class="nav_name">新闻管理</span>
                        <!-- <ion-icon name="chevron-down-outline" class="collapse__link" ></ion-icon> -->
                        <!-- <i class="iconfont icon-31xiala collapse__link"></i>
                        <ul class="collapse_menu">
                            <a href="#" class="collapse__sublink">添加影院</a>
                            <a href="#" class="collapse__sublink">修改影院</a>
                            <a href="#" class="collapse__sublink">cccc</a>
                        </ul> -->
                    </div>
                    <div class="nav_link collapse">
                        <!-- <ion-icon name="people-outline" class="nav_icon" ></ion-icon> -->
                        <i class="iconfont icon-xiaoxi nav_icon"></i>
                        <span class="nav_name">留言管理</span>
                        <!-- <ion-icon name="chevron-down-outline" class="collapse__link" ></ion-icon> -->
                        <!-- <i class="iconfont icon-31xiala collapse__link"></i>
                        <ul class="collapse_menu">
                            <a href="#" class="collapse__sublink">添加信息</a>
                            <a href="#" class="collapse__sublink">修改信息</a>
                            <a href="#" class="collapse__sublink">cccc</a>
                        </ul> -->
                    </div>
                    <!-- <a href="#" class="nav_link">
                        <ion-icon name="settings-outline" class="nav_icon" ></ion-icon>
                        <span class="nav_name">设置</span>
                    </a> -->
                </div>
            </div>
            <a href="#" class="nav_link">
                <!-- <ion-icon name="log-out-outline" class="nav_icon" ></ion-icon> -->
                <i class="iconfont icon-huitui nav_icon"></i>
                <span class="nav_name">退出登陆</span>
            </a>
        </nav>
    </div>
    <section>
        <div id="main">
            <form name="form2" id="form2" method="post" action="">
                <table cellspacing="0" class="tblist">
                    <tr>
                        <th scope="col">ID</th>
                        <th scope="col">海报</th>
                        <th scope="col">名称</th>
                        <th scope="col">上映时间</th>
                        <!-- <th scope="col">显示顺序</th> -->
                        <th scope="col">类型</th>
                        <th scope="col">价格</th>
                        <th scope="col">操作</th>
                    </tr>

                    <tr>
                        <td>1</td>
                        <td class="smpic"><img src="./img/阿凡达 (2).png" /></td>
                        <td class="left"><a href="#" target="_blank">阿凡达·水之道</a></td>
                        <td>2022-12-16</td>
                        <!-- <td><input name="" type="text" value="0" class="num" /></td> -->
                        <td>科幻</td>
                        <td>50￥</td>
                        <td class="opt">
                            <a href="#" class="modifybt">修改</a>
                            <a href="#" class="delbt">删除</a>
                            <!-- <a href="#" class="seebt">查看</a><br/> -->
                            <!-- <a href="#" class="settingbt_02">设置</a> -->
                        </td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td class="smpic"><img src="./img/阿凡达 (2).png" /></td>
                        <td class="left"><a href="#" target="_blank">阿凡达·水之道</a></td>
                        <td>2022-12-16</td>
                        <!-- <td><input name="" type="text" value="0" class="num" /></td> -->
                        <td>科幻</td>
                        <td>50￥</td>
                        <td class="opt">
                            <a href="#" class="modifybt">修改</a>
                            <a href="#" class="delbt">删除</a>
                            <!-- <a href="#" class="seebt">查看</a><br/>
							<a href="#" class="settingbt_02">设置</a> -->
                        </td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td class="smpic"><img src="./img/阿凡达 (2).png" /></td>
                        <td class="left"><a href="#" target="_blank">阿凡达·水之道</a></td>
                        <td>2022-12-16</td>
                        <!-- <td><input name="" type="text" value="0" class="num" /></td> -->
                        <td>科幻</td>
                        <td>50￥</td>
                        <td class="opt">
                            <a href="#" class="modifybt">修改</a>
                            <a href="#" class="delbt">删除</a>
                            <!-- <a href="#" class="seebt">查看</a><br/>
							<a href="#" class="settingbt_02">设置</a> -->
                        </td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td class="smpic"><img src="./img/阿凡达 (2).png" /></td>
                        <td class="left"><a href="#" target="_blank">阿凡达·水之道</a></td>
                        <td>2022-12-16</td>
                        <!-- <td><input name="" type="text" value="0" class="num" /></td> -->
                        <td>科幻</td>
                        <td>50￥</td>
                        <td class="opt">
                            <a href="#" class="modifybt">修改</a>
                            <a href="#" class="delbt">删除</a>
                            <!-- <a href="#" class="seebt">查看</a><br/>
							<a href="#" class="settingbt_02">设置</a> -->
                        </td>
                    </tr>
                </table>

                <p class="ap">
                    <a href="#" class="am">添加电影</a>
                </p>

            </form>

            <!-- 分页按钮模块 -->
            <div id="page" class="flex-col-18">
                <a href="#" class="page-link page-navhome" title="首页">首页</a>
                <a href="#" class="page-link page-previous" title="上一页"><i class="iconfont icon-xiangzuo"></i></a>
                <a href="#" class="page-link page-num page-current" title="第1页">1</a>
                <a href="#" class="page-link page-num" title="第2页">2</a>
                <a href="#" class="page-link page-num" title="第3页">3</a>
                <a href="#" class="page-link page-num" title="第4页">4</a>
                <a href="#" class="page-link page-num" title="第5页">5</a>
                <span class="page-link" style="pointer-events: none;">...</span>
                <a href="#" class="page-link page-num page-last" title="第99页">99</a>
                <a href="#" class="page-link page-next" title="下一页"><i class="iconfont icon-xiangyou1"></i></a>
                <a href="#" class="page-link page-navlast" title="尾页">尾页</a>
            </div>
    </section>
</body>
<script src="./js/main.js"></script>

</html>